﻿.netSalaryLabel
{
    border: : thin solid rgb(171, 171, 171);
    text-align: center;
    color: rgb(21, 23, 21);
    border-radius: 10px;
    box-shadow: 2px 2px 0px 1px rgb(165, 156, 156);
    background: #e1ffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #e1ffff 0%, #fdffff 1%, #e1ffff 7%, #e1ffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(1%,#fdffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e1ffff 0%,#fdffff 1%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e1ffff 0%,#fdffff 1%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e1ffff 0%,#fdffff 1%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e1ffff 0%,#fdffff 1%,#e1ffff 7%,#e1ffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
}

.TotalInfoTB
{
    width: 100%;
}

.empinfo
{
    width: 100%;
    border: thin solid rgb(171, 171, 171);
}

.EmployeeInfoTd
{
    font-size: 20px;
    text-align: center;
    background: rgb(214,229,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(214,229,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,229,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e5ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.salaryinfo
{
    width: 100%;
    border: thin solid rgb(171, 171, 171);
}
.salaryTd
{
    font-size: 20px;
    text-align: center;
    background: rgb(214,229,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(214,229,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,229,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e5ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.attendanceinfo
{
    width: 100%;
    border: thin solid rgb(171, 171, 171);
}

.AttendenceTd
{
    font-size: 20px;
    text-align: center;
    background: rgb(214,229,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(214,229,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,229,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e5ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.otherEarningTB
{
    width: 70%;
    margin-left: 20%;
}

.other1stTd
{
    width: 100%;
    border:  thin solid rgb(171, 171, 171);
}
.otherTitle
{
    font-size: 20px;
    text-align: center;
    background: rgb(214,229,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(214,229,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,229,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e5ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.deductionTB
{
    width: 100%;
    border: thin solid rgb(171, 171, 171);
}

.deductiontitle
{
    font-size: 20px;
    text-align: center;
    background: rgb(214,229,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(214,229,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,229,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(214,229,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e5ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.Label
{
    text-align: right;
    background-color: rgb(232, 232, 232);
}

.lebelinfo
{
    text-align: left;
    background-color: rgb(232, 232, 232);
}


.btnCss
{
    border: 1px solid #25729a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}
.btnCss:hover
{
    border: 1px solid #1c5675;
    background-color: #26759e;
    background-image: linear-gradient(to bottom, #26759e, #133d5b);
}



.textboxinput
{
    width: 13%;
    height: 18px;
    border: 1px solid rgb(130, 10, 10);
    background-color: rgb(239, 240, 240);
}


.textboxinput:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border-color: #5AB0DB;
    background-color: white;
}

.textboxinput:hover
{
    border: 1px solid #999;
    border-radius: 5px;
    background-color: white;
}

.dropdownCss
{
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    margin: 0 auto; /* Styles */
    background-color: rgb(239, 240, 240);
    color: black;
    outline: none;
    cursor: pointer;
    text-align: center;
    border: 1px solid rgb(130, 10, 10);
    width: 30%;
}

.dropdownCsssearch
{
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    margin: 0 auto; /* Styles */
    background-color: rgb(239, 240, 240);
    color: black;
    outline: none;
    cursor: pointer;
    text-align: center;
    border: 1px solid rgb(130, 10, 10);
    width: 50%;
}



.textboxinputsearch
{
    width: 50%;
    height: 18px;
    border: 1px solid rgb(130, 10, 10);
    background-color: rgb(239, 240, 240);
}


.textboxinputsearch:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border-color: #5AB0DB;
    background-color: white;
}

.textboxinputsearch:hover
{
    border: 1px solid #999;
    border-radius: 5px;
    background-color: white;
}

.searchPayslipTB
{
    width: 100%;
    background: #b8c6df; /* Old browsers */
    background: -moz-linear-gradient(top,  #b8c6df 0%, #6d88b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8c6df), color-stop(100%,#6d88b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b8c6df 0%,#6d88b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */
}






